<template>
    <div style="width: 600px;height: 100%;margin: auto;padding-left: 70px;">
        <div style="margin-top: 25px;">
            <span style="font-size: 14pt;">屠宰信息</span>
            <el-card style="max-width: 480px;margin-top: 15px;border-radius: 25px;">
                <el-row :gutter="24">
                    <el-col :span="12" :offset="0">
                        <van-cell title="2024040201" label="批次"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                        <van-cell title="2024年04月02日13:20:21" label="到场时间"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />


                    </el-col>
                    <el-col :span="12" :offset="0">
                        <van-cell title="20公斤" label="到厂均重"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />
                        <van-cell title="2024年04月02日17:33:09" label="屠宰时间"
                            style="color: rgb(5 117 230 / 80%);font-size: 13pt;background-color: rgb(236 240 253);border-radius: 15px;margin-bottom: 15px" />

                    </el-col>
                </el-row>
            </el-card>
            <div style="margin-top: 15px;">
                <span style="margin-right: 350px;">食品安全信息</span><br>
                <div style="margin-top: 15px">
                    <van-image width="130px" height="130px" style="margin-right: 30px;margin-left: 10px;"
                        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                    <van-image width="130px" height="130px" style="margin-right: 30px;"
                        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                    <van-image width="130px" height="130px" style="margin-right: 30px;"
                        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" radius="20" />
                </div>
            </div>
            <div style="margin-top: 15px;">
                <span style="margin-right: 350px;">屠宰企业信息</span><br>
                <div style="margin-top: 15px;margin-left: 15px" align="center">
                    <el-card style="border-radius: 25px">
                        <h4 style="color: rgb(5 117 230 / 80%);text-align: center;margin-bottom: 15px">屠宰场</h4>
                        <el-tag type="primary" effect="dark" round>2016年11月25日成立</el-tag>
                        <br />
                        <br />
                        <span style="color:slategrey">山西省 运城市 夏县</span>
                        <br>
                        <br>
                        <span>养殖场是山西省养殖企业,其兔肉品质举世闻名,更有限量巨龙王肉限量抢购,新鲜肥美,先到先得。</span>
                    </el-card>
                </div>
            </div>
            <div style="margin-top: 25px">
                <span style="margin-right: 350px">企业照片</span><br>
                <div style="margin-top: 15px;margin-left: 15px">
                    <van-image width="140" height="140" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                        radius="20" />
                </div>
            </div>

        </div>
    </div>
    <ProceSsingApp></ProceSsingApp>
</template>

<script setup lang="ts">
import ProceSsingApp from './DeppProcessingMobileTerminal.vue'

</script>

<style></style>